<template>
	<view class="container">
		<view class="wrapper">
			<view class="welcome">
				欢迎加入！
			</view>
			
			<view class="input-content">
				<view class="input-item">
					<text>手机号</text>
					<input type="text" v-model="formData.phone" placeholder="请输入手机号" maxlength="11"/>
				</view>
				<view class="input-item">
					<text>邮箱</text>
					<input type="text" v-model="formData.email" placeholder="请输入邮箱"/>
				</view>
				<view class="input-item">
					<text>登录名</text>
					<input type="text" v-model="formData.loginName" placeholder="请输入登录名"/>
				</view>
				<view class="input-item">
					<text>用户名</text>
					<input type="text" v-model="formData.userName" placeholder="请输入用户名"/>
				</view>
				<view class="input-item">
					<text>密码</text>
					<input type="text" v-model="formData.password" placeholder="6-20位不含特殊字符的数字、字母组合" maxlength="20" password />
				</view>
				<view class="input-item">
					<text>确认密码</text>
					<input type="text" v-model="formData.confirmPassword" placeholder="6-20位不含特殊字符的数字、字母组合" maxlength="20" password />
				</view>
			</view>
			
			<button class="confirm-btn" @click="toRegister">注册</button>
		</view>
		
	</view>
</template>

<script src = "./register.js"></script>

<style lang="scss" src = "./register.scss"></style>
